<include file="Public/min-header"/>

<script type="text/javascript">
    window.UEDITOR_Admin_URL = "__ROOT__/Public/plugins/Ueditor/";
    var URL_upload = "{$URL_upload}";
    var URL_fileUp = "{$URL_fileUp}";
    var URL_scrawlUp = "{$URL_scrawlUp}";
    var URL_getRemoteImage = "{$URL_getRemoteImage}";
    var URL_imageManager = "{$URL_imageManager}";
    var URL_imageUp = "{$URL_imageUp}";
    var URL_getMovie = "{$URL_getMovie}";
    var URL_home = "{$URL_home}";
</script>

<load href="__ROOT__/Public/plugins/Ueditor/ueditor.config.js"/>
<load href="__ROOT__/Public/plugins/Ueditor/ueditor.all.js"/>
<link href="__PUBLIC__/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<script src="__PUBLIC__/plugins/daterangepicker/moment.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<style>
.select{
  float:right;
}
.personsp{
  display: none;
  position:relative;
  z-index: 9999;
  background: white;
}
.personul{
  list-style: none;
}
.personsp:hover{
  background: #333;
}
.isordinary{
  display: none;
}
.isadmin{
  display: block;
}
</style>

<div class="wrapper">
     	<section class="content">
        <div class="row">
  			<div class="col-md-12">
  			<div class="box box-info">
                  <div class="box-header with-border">
                    <h3 class="box-title" style="width:100%;">{$first_column_name[0]['name']}/{$second_column_name[0]['name']}/{$third_column_name['name']}<a href="/index.php/Admin/Adult/articleList?id={$third_column_name['second_column_id']}" style="float:right;border-radius:5px;background:#377ccc;padding:6px;font-size:16px;color:#fff;cursor:pointer;">文章列表</a></h3>
                  </div>
                  <form class="form-horizontal" action="{:U('Adult/articleHandle')}" id="add_post" method="post">
                    <div class="box-body">

                      <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">文章标题</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control" value="" name="title" id="title">
                        </div>
                      </div>
                      <div class="form-group">
                         <label class="col-sm-2 control-label">省份</label>
                         <div class="col-sm-2">
                           	<!-- <select class="small form-control" name="province_id">
                           		<option value="0">全国</option>
                              <foreach name="province" item="vv" key="kk">
                                <option value="{$vv.id}" onclick="get_city({$vv.id})">{$vv.name}</option>
                              </foreach>
                           	</select> -->
                            <ul class="small form-control personul" name="province_id" >
                              <li class="select">▽</li><input type="hidden" value="0" name="province_id" id="province"/>
                           		<li class="personqg personqg personno personno" value="0">全国</li>
                              <foreach name="province" item="vv" key="kk">
                                <li style="list-style:none;width:120px;" class="personsp personno personno"  onclick="get_city({$vv.id})">{$vv.name}</li>
                              </foreach>
                           	</ul>
                         </div>
                      </div>
                      <div class="form-group">
                         <label class="col-sm-2 control-label">城市</label>
                         <div class="col-sm-2">
                           	<select class="small form-control" name="city_id" id="city_id">
                           		<option value="0">全省</option>
                           	</select>
                         </div>
                      </div>
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">分类标签</label>
                        <div class="col-sm-2">
                          <select class="small form-control" name="fourth_column_id" >
                            <option value="0">不分类</option>
                            <foreach name="fourth_column" item="vv" key="kk">
                              <option value="{$vv[id]}">{$vv[name]}</option>
                            </foreach>
                          </select>
                        </div>
                      </div>
                      <div class="{$checkadmin}" >
                      <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">文章副标题</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control" value="" placeholder="我是用来保证置顶时候样式美观的，如果不是很必要，你可以装作看不见我~" name="subtitle" id="subtitle">
                        </div>
                      </div>
                      </div>
                      <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">文章作者</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control" value="学历君" name="author" id="author">
                        </div>
                      </div>
                      <div class="form-group">
  	                    <label class="control-label col-sm-2">文章导读</label>
  	                    <div class="col-sm-8">
  				                    <textarea class="form-control" id="post_description" name="description"></textarea>
  	                    </div>
                      </div>
                      <div class="form-group">
  	                    <label class="control-label col-sm-2">文章内容</label>
  	                    <div class="col-sm-8">
          				        <textarea class="span12 ckeditor" id="post_content" name="content">
          				        </textarea>
  	                    </div>
                      </div>
                      <div class="form-group">
  	                    <label class="control-label col-sm-2">文章概述</label>
  	                    <div class="col-sm-8">
  				                    <textarea class="form-control" id="post_introduction" name="introduction"></textarea>
        				              <input type="button" id="get_introduction" value="获取概述"/>
  	                    </div>
                      </div>
                      <div class="{$checkadmin}" >
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">置顶</label>
                        <div class="col-sm-5">
                          <div class="col-sm-2">
                             <label><input type="radio" name="top" value="0" checked="checked"> 普通</label>
                          </div>
                          <div class="col-sm-3">
                             <label><input type="radio" name="top" value="1"> 列表置顶</label>
                          </div>
                          <div class="col-sm-3">
                             <label><input type="radio" name="top" value="2"> 成考置顶</label>
                          </div>
                          <div class="col-sm-3">
                             <label><input type="radio" name="top" value="3"> 学历置顶</label>
                          </div>
                          <div class="col-sm-1">
                             <label><input type="text" name="position" value="0"></label>
                          </div>
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">文章排序</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control" name="order"  placeholder="如果你觉得我重要，就给我一个大大的数字，数字越大我会排在列表的越前面，注意只限于列表哦~">
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">文章热度</label>
                        <div class="col-sm-5">
                          <div class="col-sm-2">
                             <label><input type="radio" name="hot" value="0" checked="checked"> 普通 </label>
                          </div>
                          <div class="col-sm-4">
                             <label><input type="radio" name="hot" value="1"> 我变成红色</label>
                          </div>
                          <div class="col-sm-6">
                             <label><input type="radio" name="hot" value="2"> 我不仅变红还会有个hot标签</label>
                          </div>
                        </div>
                      </div>
                      <div class="form-group">
                      	<label for="text" class="col-sm-2 control-label">图片</label>
                      	<div class="col-sm-8"><input type="text" id="imagetext" name="thumb" value=""><input type="button" class="button" onClick="GetUploadify(1,'imagetext','article','')"  value="上传图片"/></div>
                      </div>
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">外部链接</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control" name="url"  placeholder="你填了我再点我的标题我就会跳向别的地方了哦···">
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">发布时间</label>
                        <div class="col-sm-8">
                              <div class="input-prepend input-group">
                                      <span class="add-on input-group-addon">
                                              <i class="glyphicon glyphicon-calendar fa fa-calendar">
                                              </i>
                                      </span>
                                  <input type="text" class="form-control" id ="publish_time" name="publish_time"  value="{$time|date="Y-m-d",###}">
                              </div>
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="text" class="col-sm-2 control-label">是否显示</label>
                        <div class="col-sm-5">
                          <div class="col-sm-2">
                             <label><input type="radio" name="display" value="1" checked="checked"> 显示 </label>
                          </div>
                           <div class="col-sm-3">
                             <label><input type="radio" name="display" value="0"> 不显示</label>
                          </div>
                        </div>
                      </div>
                      </div>
                      <div class="form-group">
                      	<label class="control-label col-sm-2">
                      		<input type="hidden" name="first_column_id" value="{$third_column_name['first_column_id']}">
  	                  	 	<input type="hidden" name="second_column_id" value="{$third_column_name['second_column_id']}">
                          <input type="hidden" name="third_column_id" value="{$third_column_name['id']}">
                          <input type="hidden" name="act" value="add">
                          <input type="hidden" name="doer" value="{$admin_info.user_name}">
                        </label>
                      	<div class="col-sm-8">
                      	  	<button type="button"  onclick="checkForm()" class="btn btn-info pull-right">提交</button>
                      	</div>
                      </div>
                    </div>
                    <div class="box-footer row">

                    </div>
                  </form>
                </div>

            </div>
  	   </div>
  	</section>
  </div>

  <script type="text/javascript">
      var editor;
      $(function () {
          //具体参数配置在  editor_config.js 中
          var options = {
              zIndex: 999,
              initialFrameWidth: "100%", //初化宽度
              initialFrameHeight: 400, //初化高度
              focus: false, //初始化时，是否让编辑器获得焦点true或false
              maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen',
              pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
              autoHeightEnabled: true,
              indent: true,               // 行首缩进
              indentValue: '2em' ,          //行首缩进的大小
           /*   autotypeset: {
                  mergeEmptyline: true,        //合并空行
                  removeClass: true,           //去掉冗余的class
                  removeEmptyline: false,      //去掉空行
                  textAlign: "left",           //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版
                  imageBlockLine: 'center',    //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版
                  pasteFilter: false,          //根据规则过滤没事粘贴进来的内容
                  clearFontSize: false,        //去掉所有的内嵌字号，使用编辑器默认的字号
                  clearFontFamily: false,      //去掉所有的内嵌字体，使用编辑器默认的字体
                  removeEmptyNode: false,      //去掉空节点
                                               //可以去掉的标签
                  removeTagNames: {"font": 1},

              }*/
              toolbars: [
                  [   'source', '|','bold', 'italic', 'underline', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset','|', 'forecolor', 'backcolor', '|',
                      'lineheight',
                      'indent', '|',
                      'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
                      'link', 'unlink', '|',
                      'insertimage', 'emotion', 'attachment', '|',
                      'spechars', '|',
                      'inserttable', '|',
                      'searchreplace']
              ]
          };

          editor = new UE.ui.Editor(options);
          editor.render("post_content");
      });

  	$('#publish_time').daterangepicker({
  		format:"YYYY-MM-DD",
  		singleDatePicker: true,
  		showDropdowns: true,
  		minDate:'2016-01-01',
  		maxDate:'2030-01-01',
  		startDate:'{$info.publish_time|date="Y-m-d",###}',
  	    locale : {
              applyLabel : '确定',
              cancelLabel : '取消',
              fromLabel : '起始时间',
              toLabel : '结束时间',
              customRangeLabel : '自定义',
              daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
              monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月' ],
              firstDay : 1
          }
  	});

  	function checkForm(){
  		if($('#title').val() == ''){
  			alert("请填写文章标题！");
  			return false;
  		}
		if($('#post_description').val() == ''){
  			alert("请填写文章导读！");
  			return false;
  		}
		if($('#post_introduction').val() == ''){
  			alert("请填写文章概述！");
  			return false;
  		}
  		if($('#post_content').val() == ''){
  			alert("请填写文章内容！");
  			return false;
  		}
  		$('#add_post').submit();
  	}

  </script>
  <script>
  $(function(){
    $(".personqg").on("click",function(){
      $(".personsp").css("display","block");
    })
  })
  $(function(){
    $(".select").on("click",function(){
      if( $(".personsp").css("display") == 'none' ){
        $(".personsp").css("display","block");
      }else{
        $(".personsp").css("display","none");
        $(".personqg").css("display","block");
        $("#province").val(0);
      }
    })
  })
  function get_city($i){
    $(".personno").css("display","none");
	  $(".personqg").css("display","block");
	  $(".personqg").css("display","none");
    $(".personno").eq($i).css("display","block");
    $("#province").val($i);
    $.ajax({
          type : "POST",
          url : "{:U('Adult/add_article')}",
          data : {
              "province_id" : $i
          },
          success : function(res) {
             $("#city_id").empty();
             $("#city_id").append("<option value='0'>全省</option>");
             $jsonobj = eval('(' + res + ')');
             $.each($jsonobj, function (key, value) {

              $("#city_id").append("<option value='"+value.id+"'>"+value.name+"</option>");
             });
          }
      });
  }
  $(function(){
    $("#get_introduction").on("click",function(){
      $str1=$("#post_content").val();
      $str2=$str1.substring($str1.indexOf("<p"),$str1.indexOf('</p>')+4);
      $("#post_introduction").val($str2);
    })
  })
</script>
</body>
</html>
